<div class="long-title"><span class="all-goods">全部分类</span></div>
<!--<div class="nav-cont">-->
    <!--<ul>-->
        <!--<li class="index"><a href="#">首页</a></li>-->
        <!--<li class="qc"><a href="#">闪购</a></li>-->
        <!--<li class="qc"><a href="#">限时抢</a></li>-->
        <!--<li class="qc"><a href="#">团购</a></li>-->
        <!--<li class="qc last"><a href="#">大包装</a></li>-->
    <!--</ul>-->
    <!--<div class="nav-extra">-->
        <!--<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利-->
        <!--<i class="am-icon-angle-right" style="padding-left: 10px;"></i>-->
    <!--</div>-->
<!--</div>-->

<!--侧边导航 -->
<div id="nav" class="navfull">
    <div class="area clearfix">
        <div class="category-content" id="guide_2">
            <div class="category">
                <ul class="category-list" id="js_climit_li">
                    {volist name="catelist" id="vo"}
                    <li class="appliance js_toggle relative first">
                        <div class="category-info">
                            <h3 class="category-name b-category-name">
                                <i> <img src="{$vo.icon}"></i>
                                <a class="ml-22">{$vo.name}</a>
                            </h3>
                            <em>&gt;</em>
                        </div>
                        <div class="menu-item menu-in top">
                            <div class="area-in">
                                <div class="area-bg">
                                    <div class="menu-srot">
                                        <div class="sort-side">
                                            {volist name="vo.child" id="vv"}
                                            <dl class="dl-sort">
                                                <dt><span title="蛋糕">{$vv.name}</span></dt>
                                                {volist name="vv.child" id="vvv"}
                                                <dd><a title="蒸蛋糕" href="#"><span>{$vvv.name}</span></a></dd>
                                                {/volist}
                                            </dl>
                                            {/volist}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <b class="arrow"></b>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>

    </div>
</div>
<script type="text/javascript">
    (function () {
        $('.am-slider').flexslider();
    });
    // 导航展开
    $(document).ready(function () {
        $("li").hover(function () {
            $(".category-content .category-list li.first .menu-in").css("display", "none");
            $(".category-content .category-list li.first").removeClass("hover");
            $(this).addClass("hover");
            $(this).children("div.menu-in").css("display", "block")
        }, function () {
            $(this).removeClass("hover");
            $(this).children("div.menu-in").css("display", "none")
        });
    })
</script>


<!--小导航 -->
<div class="am-g am-g-fixed smallnav">
    <div class="am-u-sm-3">
        <a href="sort.html"><img src="/home/picture/navsmall.jpg"/>
            <div class="title">商品分类</div>
        </a>
    </div>
    <div class="am-u-sm-3">
        <a href="#"><img src="/home/picture/huismall.jpg"/>
            <div class="title">大聚惠</div>
        </a>
    </div>
    <div class="am-u-sm-3">
        <a href="#"><img src="/home/picture/mansmall.jpg"/>
            <div class="title">个人中心</div>
        </a>
    </div>
    <div class="am-u-sm-3">
        <a href="#"><img src="/home/picture/moneysmall.jpg"/>
            <div class="title">投资理财</div>
        </a>
    </div>
</div>